.container {
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  width: 100%;
  min-width: 1080px;
  height: var(--page-height);
  // background-color: #161a1d;
  .header {
    box-sizing: border-box;
    width: 100%;
    min-height: 58px;
    padding: 13px 24px;
    background-color: var(--bg-main);

    .select {
      min-width: 180px;
    }
  }
  .main {
    flex: 1;
    box-sizing: border-box;
    width: 100%;
    padding: 24px;
    overflow: hidden;
    .content {
      box-sizing: border-box;
      width: 100%;
      height: 100%;
      padding: 24px;
      overflow: hidden;
      background: var(--bg-main);
      border-radius: 5px;
      :global {
        .ant-spin {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 100%;
          height: 100%;
        }
      }
      .stationConfig {
        display: flex;
        flex-direction: column;
        width: 100%;
        max-height: 100%;
        .head {
          display: flex;
          flex-direction: row;
          align-items: center;
          justify-content: space-between;
          width: 100%;
          margin-bottom: 12px;

          .title {
            font-weight: 500;
            font-size: 18px;
            font-family: PingFang SC;
            line-height: 18px;
          }
          :global {
            .ant-btn {
              display: flex;
              flex-direction: row;
              align-items: center;
              justify-content: center;
              padding: 6px 35px;
            }
          }
        }
        .center {
          flex: 1;
          width: 100%;
          overflow: hidden;
          // overflow-y: auto;
          :global {
            .ant-form {
              .ant-table-wrapper {
                .ant-spin-nested-loading {
                  .ant-spin-container {
                    .ant-table {
                      background-color: var(--bg-main);

                      .ant-table-container {
                        background-color: var(--bg-main);

                        .ant-table-header {
                          table {
                            .ant-table-thead {
                              tr > th {
                                padding: 12px;
                                font-size: 13px;
                                line-height: 13px;
                                background-color: var(--bg-main);

                                // border-bottom: 1px solid #222629;
                                &:nth-child(1) {
                                  padding: 12px 12px 12px 0;
                                }
                                &:nth-child(2)::after {
                                  display: inline-block;
                                  margin-left: 4px;
                                  color: #a61d24;
                                  font-size: 13px;
                                  font-family: SimSun, sans-serif;
                                  content: '*';
                                }
                                &:nth-child(3)::after {
                                  display: inline-block;
                                  margin-left: 4px;
                                  color: #a61d24;
                                  font-size: 13px;
                                  font-family: SimSun, sans-serif;
                                  content: '*';
                                }
                              }
                            }
                          }
                        }

                        .ant-table-tbody {
                          flex: 1;
                          overflow-y: auto;
                          tr > td {
                            padding: 12px;
                            font-size: 12px;
                            vertical-align: top;
                            background-color: var(--bg-main);

                            // border-bottom: 1px solid #222629;
                            &:last-child {
                              line-height: 32px;
                            }
                            &:first-child {
                              padding: 12px 12px 12px 0;
                              line-height: 32px;
                            }
                            .ant-row {
                              margin-bottom: 0;
                            }
                          }
                        }
                      }
                    }
                  }
                }
              }
            }
          }
        }
        .bottom {
          margin-top: 12px;
          .button {
            display: flex;
            flex-direction: row;
            align-items: center;
            width: 60px;
            color: var(--font-primary);
            cursor: pointer;
            .logo {
              .icon {
                width: 15px;
                height: 15px;
              }
            }
            .text {
              margin-left: 8px;
              color: var(--font-primary);
              font-weight: 400;
              font-size: 14px;
              font-family: 'PingFang SC';
              font-style: normal;
              line-height: 14px;
            }
          }
        }
      }
    }
  }
}
